<ion-header>
    <ion-navbar color="orange">
        <ion-title>
            信息详情
        </ion-title>
        <ion-buttons end>
            <button ion-button icon-only (click)="pageRedirect('MemberPage',{backPage:'InformationPage'})">
                <ion-icon name="contact"></ion-icon>
            </button>
        </ion-buttons>
    </ion-navbar>
</ion-header>

<ion-content>
    <!-- 头部开始 -->
    <div class="id-top ht-relative" padding>
        <!-- 左 -->
        <div class="ht-20 ht-float-left">
            <div class="ht-fff ht-font-12 ht-overflow flex flex-align-center" padding-bottom (click)="collect(amoy_id)">
                <i class="far fa-star" *ngIf="!collected"></i>
                <i class="fas fa-star" *ngIf="collected"></i>
                <span class="id-span">{{topinfo.collect_num}}</span>
            </div>
            <div class="ht-fff ht-font-12 ht-overflow flex flex-align-center" padding-bottom (click)="share.open()">
                <!--<img src="assets/imgs/icon-two.png" alt="" width="15">-->
                <i class="fas fa-share-square"></i>
                <span class="id-span">{{topinfo.share_num}}</span>
            </div>
            <div class="ht-fff ht-font-12 ht-overflow flex flex-align-center" padding-bottom>
                <img src="assets/imgs/icon-lb.png" alt="" width="15">
                <a href="tel:03516666669" style="color:#fff;"><span class="id-span">投诉</span></a>
            </div>
        </div>
        <!-- 中 -->
        <div class="ht-60 ht-float-left">
            <div class="ht-100 ht-overflow ht-relative">
                <img [src]="util.parseImageUrl(userinfo?.head_img)" alt="" class="id-photo">
                <div class="id-xy">信用：{{userinfo.credit_line}}</div>
            </div>
            <div text-center class="ht-100 ht-overflow ht-fff ht-line-20 ht-padding-tb ht-font-16">
                {{userinfo.nickname}}
            </div>
            <!--<div text-center class="flex flex-line-center">-->
                <!--<img src="assets/imgs/icon-idsj.png" alt="" class="icon-p">-->
                <!--<img src="assets/imgs/icon-idtp.png" alt="" class="icon-p">-->
                <!--<img src="assets/imgs/icon-idtp2.png" alt="" class="icon-p">-->
                <!--<img src="assets/imgs/icon-idtp3.png" alt="" class="icon-p">-->
                <!--<span class="id-p">其他证件x8</span>-->
            <!--</div>-->
        </div>
        <!-- 右 -->
        <!--<div class="ht-20 ht-float-left" *ngIf="owner == 1">-->
            <!--<div class="ht-100 ht-text-center ht-background ht-border-radius ht-line-20 ht-font-f29603 ht-font-12 ht-yc">-->
                <!--设置悬赏任务-->
            <!--</div>-->
            <!--<div class="ht-100 ht-text-right ht-line-20 ht-fff ht-font-12 ht-yc" padding-bottom padding-top>-->
                <!--置顶x{{topinfo.is_top_num}}-->
            <!--</div>-->
        <!--</div>-->
    </div>
    <div class="id-bottom" *ngIf="see_pay_info?.is_see_pay || click_pay_info?.is_click_pay">
        <div class="pay-tag" *ngIf="see_pay_info?.is_see_pay">
            付费查看:<i class="ht-font-f29603">{{see_pay_info?.see_pay_price}}元/次，</i>
            收费期:<i class="ht-font-f29603">{{see_pay_info?.see_start_time}}-{{see_pay_info?.see_end_time}}</i>
        </div>
        <div class="pay-tag" *ngIf="click_pay_info?.is_click_pay">
            <i class="ht-font-f29603">{{click_pay_info?.click_unit_price}}元/次</i>点击，
            剩余赏金<i class="ht-font-f29603">{{(click_pay_info?.click_unit_price*(click_pay_info?.total_click_number-click_pay_info?.current_click_number)).toFixed(2)}}元</i>
        </div>
    </div>
    <!-- 头部结束 -->
    <!-- 主内容开始 -->
    <div class="ht-f1f1f1">
        <!-- 招聘 -->
        <div class="ht-overflow ht-margin-bottom ht-background">
            <div class="margin-top-5 margin-bottom-5 ht-overflow ht-line-25 ht-border-bottom ht-font-13 ht-999" padding-left padding-right>
                <span>信息编号：{{topinfo.amoy_sn}}</span>
                <span class="flex flex-line-between">
                    <span>发布时间：{{topinfo.add_time}}</span>
                    <span>{{topinfo.see_num}}人查看</span>
                </span>
            </div>
            <!-- 工种 work-->
            <div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left padding-right *ngIf="detail?.work">
                <div class="ht-overflow">
                    <div class="ht-float-left ht-overflow">
                        <span class="ht-span">{{detail.work?.option_name}}</span>
                    </div>
                    <div class="ht-float-right ht-overflow">
                        <span class="ht-span ht-d32d25">{{detail.work?.list[0]}}</span>
                    </div>
                </div>
            </div>

            <!-- 菜系 cuisine -->
            <div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left
                 padding-right *ngIf="detail.cuisine?.list && detail.cuisine?.list.length">
                <div class="ht-overflow">
                    <!--<img src="assets/imgs/icon-cd.png" alt="" class="ht-img">-->
                    <div class="ht-float-left ht-overflow">
                        <!--<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">-->
                        <span class="ht-span">{{detail.cuisine?.option_name}}</span>
                    </div>
                    <div class="ht-float-right ht-overflow">
                        <span class="ht-span ht-bq" *ngFor="let value of detail.cuisine?.list">{{value}}</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 薪酬 salary -->
        <div class="ht-overflow ht-margin-bottom ht-background">
            <div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left
                 padding-right *ngIf="detail.salary">
                <div class="ht-float-left ht-overflow">
                    <!--<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">-->
                    <span class="ht-span">{{detail.salary?.option_name}}</span>
                </div>
                <div class="ht-float-right ht-overflow">
                    <span class="ht-span ht-d32d25">￥{{detail.salary?.list[0]}}</span>
                </div>
            </div>
            <div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left
                 padding-right *ngIf="detail.welfare">
                <span class="ht-span ht-bq ht-margin-bottom" *ngFor="let value of detail.welfare?.list">{{value}}</span>
            </div>
        </div>

        <!--区域 district-->
        <div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.district">
            <div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left
                 padding-right>
                <div class="ht-float-left ht-overflow">
                    <!--<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">-->
                    <span class="ht-span">{{detail.district?.option_name}}</span>
                </div>
                <div class="ht-float-right ht-overflow">
                    <span class="ht-span ht-d32d25">{{detail.district?.list[0]}}</span>
                </div>
            </div>
        </div>

        <!--特征 feature-->
        <!--<div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.feature">-->
            <!--<div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left-->
                 <!--padding-right>-->
                <!--<div class="ht-float-left ht-overflow">-->
                    <!--&lt;!&ndash;<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">&ndash;&gt;-->
                    <!--<span class="ht-span">{{detail.feature?.option_name}}</span>-->
                <!--</div>-->
                <!--<div class="ht-float-right ht-overflow">-->
                    <!--<span class="ht-span ht-d32d25">{{detail.feature?.list[0]}}</span>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->

        <!--面积 area-->
        <div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.area">
            <div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left
                 padding-right>
                <div class="ht-float-left ht-overflow">
                    <!--<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">-->
                    <span class="ht-span">{{detail.area?.option_name}}</span>
                </div>
                <div class="ht-float-right ht-overflow">
                    <span class="ht-span ht-d32d25">{{detail.area?.list[0]}}</span>
                </div>
            </div>
        </div>

        <!--门店类型 type_of_store-->
        <div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.type_of_store">
            <div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left
                 padding-right>
                <div class="ht-float-left ht-overflow">
                    <!--<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">-->
                    <span class="ht-span">{{detail.type_of_store?.option_name}}</span>
                </div>
                <div class="ht-float-right ht-overflow">
                    <span class="ht-span ht-d32d25">{{detail.type_of_store?.list[0]}}</span>
                </div>
            </div>
        </div>

        <!--楼层  storey-->
        <!--<div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.storey">-->
            <!--<div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left-->
                 <!--padding-right>-->
                <!--<div class="ht-float-left ht-overflow">-->
                    <!--&lt;!&ndash;<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">&ndash;&gt;-->
                    <!--<span class="ht-span">{{detail.storey?.option_name}}</span>-->
                <!--</div>-->
                <!--<div class="ht-float-right ht-overflow">-->
                    <!--<span class="ht-span ht-d32d25">{{detail.storey?.list[0]}}</span>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->

        <!--配套设施 supporting_facilities-->
        <!--<div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.supporting_facilities">-->
            <!--<div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left-->
                 <!--padding-right>-->
                <!--<div class="ht-float-left ht-overflow">-->
                    <!--&lt;!&ndash;<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">&ndash;&gt;-->
                    <!--<span class="ht-span">{{detail.supporting_facilities?.option_name}}</span>-->
                <!--</div>-->
                <!--<div class="ht-float-right ht-overflow">-->
                    <!--<span class="ht-span ht-d32d25">{{detail.supporting_facilities?.list[0]}}</span>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->

        <!--年租 annual_rent-->
        <div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.annual_rent">
            <div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left
                 padding-right>
                <div class="ht-float-left ht-overflow">
                    <!--<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">-->
                    <span class="ht-span">{{detail.annual_rent?.option_name}}</span>
                </div>
                <div class="ht-float-right ht-overflow">
                    <span class="ht-span ht-d32d25">￥{{detail.annual_rent?.list[0]}}</span>
                </div>
            </div>
        </div>

        <!--转让费 transfer_fee-->
        <div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.transfer_fee">
            <div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left
                 padding-right>
                <div class="ht-float-left ht-overflow">
                    <!--<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">-->
                    <span class="ht-span">{{detail.transfer_fee?.option_name}}</span>
                </div>
                <div class="ht-float-right ht-overflow">
                    <span class="ht-span ht-d32d25">￥{{detail.transfer_fee?.list[0]}}</span>
                </div>
            </div>
        </div>

        <!--层数 number_of_plies-->
        <!--<div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.number_of_plies">-->
            <!--<div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left-->
                 <!--padding-right>-->
                <!--<div class="ht-float-left ht-overflow">-->
                    <!--&lt;!&ndash;<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">&ndash;&gt;-->
                    <!--<span class="ht-span">{{detail.number_of_plies?.option_name}}</span>-->
                <!--</div>-->
                <!--<div class="ht-float-right ht-overflow">-->
                    <!--<span class="ht-span ht-d32d25">{{detail.number_of_plies?.list[0]}}</span>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->

        <!--计划门店类型 target_store-->
        <!--<div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.target_store">-->
            <!--<div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left-->
                 <!--padding-right>-->
                <!--<div class="ht-float-left ht-overflow">-->
                    <!--&lt;!&ndash;<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">&ndash;&gt;-->
                    <!--<span class="ht-span">{{detail.target_store?.option_name}}</span>-->
                <!--</div>-->
                <!--<div class="ht-float-right ht-overflow">-->
                    <!--<span class="ht-span ht-d32d25">{{detail.target_store?.list[0]}}</span>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->

        <!--目标地址 the_target_area-->
        <!--<div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.the_target_area">-->
            <!--<div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left-->
                 <!--padding-right>-->
                <!--<div class="ht-float-left ht-overflow">-->
                    <!--&lt;!&ndash;<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">&ndash;&gt;-->
                    <!--<span class="ht-span">{{detail.the_target_area?.option_name}}</span>-->
                <!--</div>-->
                <!--<div class="ht-float-right ht-overflow">-->
                    <!--<span class="ht-span ht-d32d25">{{detail.the_target_area?.list[0]}}</span>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->

        <!--西餐 stylefood-->
        <!--<div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.stylefood">-->
            <!--<div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left-->
                 <!--padding-right>-->
                <!--<div class="ht-float-left ht-overflow">-->
                    <!--&lt;!&ndash;<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">&ndash;&gt;-->
                    <!--<span class="ht-span">{{detail.stylefood?.option_name}}</span>-->
                <!--</div>-->
                <!--<div class="ht-float-right ht-overflow">-->
                    <!--<span class="ht-span ht-d32d25">{{detail.stylefood?.list[0]}}</span>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->

        <!--日式 japan-->
        <!--<div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.japan">-->
            <!--<div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left-->
                 <!--padding-right>-->
                <!--<div class="ht-float-left ht-overflow">-->
                    <!--&lt;!&ndash;<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">&ndash;&gt;-->
                    <!--<span class="ht-span">{{detail.japan?.option_name}}</span>-->
                <!--</div>-->
                <!--<div class="ht-float-right ht-overflow">-->
                    <!--<span class="ht-span ht-d32d25">{{detail.japan?.list[0]}}</span>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->

        <!--人数 person-->
        <!--<div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.person">-->
            <!--<div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left-->
                 <!--padding-right>-->
                <!--<div class="ht-float-left ht-overflow">-->
                    <!--&lt;!&ndash;<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">&ndash;&gt;-->
                    <!--<span class="ht-span">{{detail.person?.option_name}}</span>-->
                <!--</div>-->
                <!--<div class="ht-float-right ht-overflow">-->
                    <!--<span class="ht-span ht-d32d25">{{detail.person?.list[0]}}人</span>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->

        <!--年龄 age-->
        <div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.age">
            <div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left
                 padding-right>
                <div class="ht-float-left ht-overflow">
                    <!--<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">-->
                    <span class="ht-span">{{detail.age?.option_name}}</span>
                </div>
                <div class="ht-float-right ht-overflow">
                    <span class="ht-span ht-d32d25">{{detail.age?.list[0]}}</span>
                </div>
            </div>
        </div>

        <!--厨龄 kitchen_of_age-->
        <div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.kitchen_of_age">
            <div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left
                 padding-right>
                <div class="ht-float-left ht-overflow">
                    <!--<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">-->
                    <span class="ht-span">{{detail.kitchen_of_age?.option_name}}</span>
                </div>
                <div class="ht-float-right ht-overflow">
                    <span class="ht-span ht-d32d25">{{detail.kitchen_of_age?.list[0]}}</span>
                </div>
            </div>
        </div>

        <!--目标薪酬 target_salary-->
        <div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.target_salary">
            <div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left
                 padding-right>
                <div class="ht-float-left ht-overflow">
                    <!--<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">-->
                    <span class="ht-span">{{detail.target_salary?.option_name}}</span>
                </div>
                <div class="ht-float-right ht-overflow">
                    <span class="ht-span ht-d32d25">￥{{detail.target_salary?.list[0]}}</span>
                </div>
            </div>
        </div>

        <!--其他要求 other_requirement-->
        <!--<div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.other_requirement">-->
            <!--<div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left-->
                 <!--padding-right>-->
                <!--<div class="ht-float-left ht-overflow">-->
                    <!--&lt;!&ndash;<img src="assets/imgs/icon-xq.png" alt="" class="ht-img">&ndash;&gt;-->
                    <!--<span class="ht-span">{{detail.other_requirement?.option_name}}</span>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-999 ht-line-20"-->
                 <!--style="padding-left:40px" padding-right>-->
                <!--{{detail.other_requirement?.list[0]}}-->
            <!--</div>-->
        <!--</div>-->

        <!--状态 新旧程度 degree-->
        <!--<div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.degree">-->
            <!--<div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left-->
                 <!--padding-right>-->
                <!--<div class="ht-float-left ht-overflow">-->
                    <!--&lt;!&ndash;<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">&ndash;&gt;-->
                    <!--<span class="ht-span">{{detail.degree?.option_name}}</span>-->
                <!--</div>-->
                <!--<div class="ht-float-right ht-overflow">-->
                    <!--<span class="ht-span ht-d32d25">{{detail.degree?.list[0]}}</span>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->

        <!--品牌/厂商/型号 brand_model-->
        <!--<div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.brand_model">-->
            <!--<div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left-->
                 <!--padding-right>-->
                <!--<div class="ht-float-left ht-overflow">-->
                    <!--&lt;!&ndash;<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">&ndash;&gt;-->
                    <!--<span class="ht-span">{{detail.brand_model?.option_name}}</span>-->
                <!--</div>-->
                <!--<div class="ht-float-right ht-overflow">-->
                    <!--<span class="ht-span ht-d32d25">{{detail.brand_model?.list[0]}}</span>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->

        <!--品类 category-->
        <!--<div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.category">-->
            <!--<div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left-->
                 <!--padding-right>-->
                <!--<div class="ht-float-left ht-overflow">-->
                    <!--&lt;!&ndash;<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">&ndash;&gt;-->
                    <!--<span class="ht-span">{{detail.category?.option_name}}</span>-->
                <!--</div>-->
                <!--<div class="ht-float-right ht-overflow">-->
                    <!--<span class="ht-span ht-d32d25">{{detail.category?.list[0]}}</span>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->

        <!--数量 quantity-->
        <!--<div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.quantity">-->
            <!--<div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left-->
                 <!--padding-right>-->
                <!--<div class="ht-float-left ht-overflow">-->
                    <!--&lt;!&ndash;<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">&ndash;&gt;-->
                    <!--<span class="ht-span">{{detail.quantity?.option_name}}</span>-->
                <!--</div>-->
                <!--<div class="ht-float-right ht-overflow">-->
                    <!--<span class="ht-span ht-d32d25">{{detail.quantity?.list[0]}}</span>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->

        <!--单位 unit-->
        <!--<div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.unit">-->
            <!--<div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left-->
                 <!--padding-right>-->
                <!--<div class="ht-float-left ht-overflow">-->
                    <!--&lt;!&ndash;<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">&ndash;&gt;-->
                    <!--<span class="ht-span">{{detail.unit?.option_name}}</span>-->
                <!--</div>-->
                <!--<div class="ht-float-right ht-overflow">-->
                    <!--<span class="ht-span ht-d32d25">{{detail.unit?.list[0]}}</span>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->

        <!--使用时间 using_time-->
        <!--<div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.using_time">-->
            <!--<div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left-->
                 <!--padding-right>-->
                <!--<div class="ht-float-left ht-overflow">-->
                    <!--&lt;!&ndash;<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">&ndash;&gt;-->
                    <!--<span class="ht-span">{{detail.using_time?.option_name}}</span>-->
                <!--</div>-->
                <!--<div class="ht-float-right ht-overflow">-->
                    <!--<span class="ht-span ht-d32d25">{{detail.using_time?.list[0]}}</span>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->

        <!--出售价/价格 price-->
        <!--<div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.price">-->
            <!--<div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left-->
                 <!--padding-right>-->
                <!--<div class="ht-float-left ht-overflow">-->
                    <!--&lt;!&ndash;<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">&ndash;&gt;-->
                    <!--<span class="ht-span">{{detail.price?.option_name}}</span>-->
                <!--</div>-->
                <!--<div class="ht-float-right ht-overflow">-->
                    <!--<span class="ht-span ht-d32d25">￥{{detail.price?.list[0]}}</span>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->

        <!--承包费 contract_fee-->
        <!--<div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.contract_fee">-->
            <!--<div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left-->
                 <!--padding-right>-->
                <!--<div class="ht-float-left ht-overflow">-->
                    <!--&lt;!&ndash;<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">&ndash;&gt;-->
                    <!--<span class="ht-span">{{detail.contract_fee?.option_name}}</span>-->
                <!--</div>-->
                <!--<div class="ht-float-right ht-overflow">-->
                    <!--<span class="ht-span ht-d32d25">￥{{detail.contract_fee?.list[0]}}</span>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->

        <!--时薪要求 target_hourly_wage-->
        <div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.target_hourly_wage">
            <div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left
                 padding-right>
                <div class="ht-float-left ht-overflow">
                    <!--<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">-->
                    <span class="ht-span">{{detail.target_hourly_wage?.option_name}}</span>
                </div>
                <div class="ht-float-right ht-overflow">
                    <span class="ht-span ht-d32d25">￥{{detail.target_hourly_wage?.list[0]}}</span>
                </div>
            </div>
        </div>

        <!--时间安排 time_arrangement-->
        <!--<div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.time_arrangement">-->
            <!--<div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left-->
                 <!--padding-right>-->
                <!--<div class="ht-float-left ht-overflow">-->
                    <!--&lt;!&ndash;<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">&ndash;&gt;-->
                    <!--<span class="ht-span">{{detail.time_arrangement?.option_name}}</span>-->
                <!--</div>-->
                <!--<div class="ht-float-right ht-overflow">-->
                    <!--<span class="ht-span ht-d32d25">{{detail.time_arrangement?.list[0]}}</span>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->

        <!--性别 gender-->
        <!--<div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.gender">-->
            <!--<div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left-->
                 <!--padding-right>-->
                <!--<div class="ht-float-left ht-overflow">-->
                    <!--&lt;!&ndash;<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">&ndash;&gt;-->
                    <!--<span class="ht-span">{{detail.gender?.option_name}}</span>-->
                <!--</div>-->
                <!--<div class="ht-float-right ht-overflow">-->
                    <!--<span class="ht-span ht-d32d25">{{detail.gender?.list[0]}}</span>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->

        <!--顶岗时间 work_time-->
        <!--<div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.work_time">-->
            <!--<div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left-->
                 <!--padding-right>-->
                <!--<div class="ht-float-left ht-overflow">-->
                    <!--&lt;!&ndash;<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">&ndash;&gt;-->
                    <!--<span class="ht-span">{{detail.work_time?.option_name}}</span>-->
                <!--</div>-->
                <!--<div class="ht-float-right ht-overflow">-->
                    <!--<span class="ht-span ht-d32d25">{{detail.work_time?.list[0]}}</span>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->

        <!--证件 papers-->
        <!--<div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.papers">-->
            <!--<div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left-->
                 <!--padding-right>-->
                <!--<div class="ht-float-left ht-overflow">-->
                    <!--&lt;!&ndash;<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">&ndash;&gt;-->
                    <!--<span class="ht-span">{{detail.papers?.option_name}}</span>-->
                <!--</div>-->
                <!--<div class="ht-float-right ht-overflow">-->
                    <!--<span class="ht-span ht-d32d25">{{detail.papers?.list[0]}}</span>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->

        <!--品牌 brand-->
        <!--<div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.brand">-->
            <!--<div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left-->
                 <!--padding-right>-->
                <!--<div class="ht-float-left ht-overflow">-->
                    <!--&lt;!&ndash;<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">&ndash;&gt;-->
                    <!--<span class="ht-span">{{detail.brand?.option_name}}</span>-->
                <!--</div>-->
                <!--<div class="ht-float-right ht-overflow">-->
                    <!--<span class="ht-span ht-d32d25">{{detail.brand?.list[0]}}</span>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->


        <!--配套设施 ancillary-->
        <!--<div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.ancillary">-->
            <!--<div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left-->
                 <!--padding-right>-->
                <!--<div class="ht-float-left ht-overflow">-->
                    <!--&lt;!&ndash;<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">&ndash;&gt;-->
                    <!--<span class="ht-span">{{detail.ancillary?.option_name}}</span>-->
                <!--</div>-->
                <!--<div class="ht-float-right ht-overflow">-->
                    <!--<span class="ht-span ht-d32d25">{{detail.ancillary?.list[0]}}</span>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->

        <!--店名/公司名 company-->
        <!--<div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.company">-->
            <!--<div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left-->
                 <!--padding-right>-->
                <!--<div class="ht-float-left ht-overflow">-->
                    <!--&lt;!&ndash;<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">&ndash;&gt;-->
                    <!--<span class="ht-span">{{detail.company?.option_name}}</span>-->
                <!--</div>-->
                <!--<div class="ht-float-right ht-overflow">-->
                    <!--<span class="ht-span ht-d32d25">{{detail.company?.list[0]}}</span>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->

        <!--备注 remarks-->
        <!--<div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.remarks">-->
            <!--<div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left-->
                 <!--padding-right>-->
                <!--<div class="ht-float-left ht-overflow">-->
                    <!--&lt;!&ndash;<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">&ndash;&gt;-->
                    <!--<span class="ht-span">{{detail.remarks?.option_name}}</span>-->
                <!--</div>-->
                <!--<div class="ht-float-right ht-overflow">-->
                    <!--<span class="ht-span ht-d32d25">{{detail.remarks?.list[0]}}</span>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->

        <!--内容 content-->
        <!--<div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.content">-->
            <!--<div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left-->
                 <!--padding-right>-->
                <!--<div class="ht-float-left ht-overflow">-->
                    <!--&lt;!&ndash;<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">&ndash;&gt;-->
                    <!--<span class="ht-span">{{detail.content?.option_name}}</span>-->
                <!--</div>-->
                <!--<div class="ht-float-right ht-overflow">-->
                    <!--<span class="ht-span ht-d32d25">{{detail.content?.list[0]}}</span>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->

        <!-- 需求分析 -->
        <div class="ht-overflow ht-margin-bottom ht-background">
            <div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left
                 padding-right>
                <div class="ht-float-left ht-overflow">
                    <!--<img src="assets/imgs/icon-xq.png" alt="" class="ht-img">-->
                    <span class="ht-span">需求详情</span>
                </div>
            </div>
            <div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-999 ht-line-20"
                 style="padding-left:40px" padding-right>
                {{detail.auto_content}}
            </div>
        </div>
        <!-- 具体地址 -->
        <!-- is_self != 1 && see_pay_info{ is_see_pay: true/false, has_pay: true/false} -->
        <div *ngIf="owner == 1 || see_pay_info?.is_see_pay == false || owner != 1 && see_pay_info?.has_pay == true; else elseBlock">
            <div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.address">
                <div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left
                     padding-right>
                    <div class="ht-float-left ht-overflow">
                        <!--<img src="assets/imgs/icon-dz.png" alt="" class="ht-img">-->
                        <span class="ht-span">{{detail.address?.option_name}}</span>
                    </div>
                </div>
                <div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-999 ht-line-20"
                     style="padding-left:40px" padding-right>
                    {{detail.address?.list[0]}}
                </div>
            </div>
            <!-- 联系人 -->
            <div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.consignee || detail.mobile?.list[0]">
                <div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left
                     padding-right>
                    <div class="ht-float-left ht-overflow" *ngIf="detail.consignee">
                        <!--<img src="assets/imgs/icon-lx.png" alt="" class="ht-img">-->
                        <span class="ht-span">{{detail.consignee?.option_name}}：</span>
                    </div>
                    <div class="ht-float-left ht-overflow" *ngIf="detail.consignee">
                        <span class="ht-span sub-nickname">{{detail.consignee?.list[0]}}</span>
                    </div>
                    <div class="ht-float-right ht-overflow" *ngIf="detail.mobile?.list[0]">
                        <img src="assets/imgs/icon-dh.png" alt="" class="ht-img">
                        <span class="ht-span"><a href="tel:{{detail.mobile?.list[0]}}">{{detail.mobile?.list[0]}}</a></span>
                    </div>
                </div>
            </div>
            <!--固话 tel-->
            <div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.tel">
                <div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left
                     padding-right>
                    <div class="ht-float-left ht-overflow">
                        <!--<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">-->
                        <span class="ht-span">{{detail.tel?.option_name}}</span>
                    </div>
                    <div class="ht-float-right ht-overflow">
                        <span class="ht-span ht-d32d25"><a href="tel:{{detail.tel?.list[0]}}">{{detail.tel?.list[0]}}</a></span>
                    </div>
                </div>
            </div>
            <!--备用联系号 spare_number-->
            <div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.spare_number">
                <div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left
                     padding-right>
                    <div class="ht-float-left ht-overflow">
                        <!--<img src="assets/imgs/icon-gz.png" alt="" class="ht-img">-->
                        <span class="ht-span">{{detail.spare_number?.option_name}}</span>
                    </div>
                    <div class="ht-float-right ht-overflow">
                        <span class="ht-span ht-d32d25"><a href="tel:{{detail.spare_number?.list[0]}}">{{detail.spare_number?.list[0]}}</a></span>
                    </div>
                </div>
            </div>
        </div>
        <ng-template #elseBlock>
            <div class="ht-overflow ht-margin-bottom ht-background">
                <div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left padding-right text-center (click)="paySee()">
                    付费查看联系方式
                </div>
            </div>
        </ng-template>
        <!-- 图片 -->
        <div class="ht-overflow ht-margin-bottom ht-background" *ngIf="detail.image && detail.image?.list.length">
            <div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left
                 padding-right>
                <div class="ht-float-left ht-overflow">
                    <!--<img src="assets/imgs/icon-tp.png" alt="" class="ht-img">-->
                    <span class="ht-span">{{detail.image?.option_name}}</span>
                </div>
            </div>
            <div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-999 ht-line-20"
                 style="padding-left:40px" padding-right>
                <div class="ht-33 ht-float-left" *ngFor="let src of detail.image?.list; let m = index">
                    <img [src]="util.parseImageUrl(src)" alt="" class="id-tp" (click)="util.imageSlide(detail.image.list, m)">
                </div>
            </div>
        </div>
        <!-- 付费查看列表 -->
        <div class="ht-overflow ht-margin-bottom ht-background" *ngIf="paylist && paylist.length">
            <div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-13 ht-000 ht-line-20" padding-left padding-right>
                <div class="ht-float-left ht-overflow">
                    <span class="ht-span">付费查看列表</span>
                </div>
            </div>
            <div class="ht-overflow ht-padding-tb ht-border-bottom ht-font-12 ht-999 ht-line-20" style="padding-left:40px" padding-right *ngFor="let item of paylist">
                <div class="ht-overflow">
                    <div class="flex flex-line-between">
                        <span>{{item.nickname}}</span>
                        <div class="ht-overflow id-xy">
                            <img src="assets/imgs/icon-xy.png" alt="" class="icon-xy">
                            <span class="ht-span">{{item.credit_line}}</span>
                        </div>
                        <div>
                            {{item.create_time}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--  -->
    </div>
    <!-- 主内容结束 -->
</ion-content>
<share-overlay #share (outer)="shareResult($event)"></share-overlay>
